.frame {
  height: 100%;
  // display: flex;

  .header-top {
    width: 100%;
    height: 0.72rem;
    background-color: #151d36;
  }


  .content-botton {
    width: 100%;
    height: calc(~"100% - 0.72rem");
    //background-color: yellow;
    display: flex;

    .left-menu {
      box-sizing: border-box;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #1a243e;
      // color: #8397cb;
      // max-width: 2rem;
    }

    .right-content {
      flex: 1;
      height: 100%;
      //.header-box{
      //  height: 0.5rem;
      //}
      .content {
        height: calc(~"100% - 0.5rem");
        //padding: 0.25rem;
        box-sizing: border-box;
        overflow: hidden;
        background-color: #f5f5f5;
      }
    }
  }

  // 修改elment默认
  .el-menu-item:focus, .el-menu-item:hover {
    // background-color: red;
    background-image: linear-gradient(45deg, #3da1f0, #9464c9);
    color: #fff;
  }

  .el-menu-item:hover i {
    color: #fff;
    transition: border-color .3s, background-color .3s, color .3s;
  }

  // 菜单项默认颜色
  .el-menu-item {
    color: #8397cb;
    background-color: #1a243e;
  }

  // 菜单中 icon 默认值
  .el-menu-item i {
    color: #8397cb;
  }

  // 菜单项选中状态
  .el-menu-item.is-active {
    background-image: linear-gradient(45deg, #3da1f0, #9464c9);
    color: #fff;
  }

  // 菜单项 icon 元素选中状态
  .el-menu-item.is-active i {
    color: #fff;
  }

  .el-submenu {
    background-color: #1a243e;
  }

  .el-submenu__title {
    color: #8397cb;
    background-color: #1a243e;
  }

  .el-submenu__title i {
    color: #8397cb;
  }


}

//name="bounce"

/* 可以设置不同的进入和离开动画 */
.bounce-enter-active {
  animation: bounce-in .5s;
}

.bounce-leave-active {
  animation: bounce-in .5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}


